<body>
    <div id="tempDiv">
    <div id="tempColor" style="float :left ;margin-right :20px ;margin-top :20px ;width :400px ;height : 150px ;background-color :[temp_bg_color];">
         <div style="color:[temp_font_color];font-family:Courier New;">
              <br>
              &nbsp;&nbsp;&nbsp;&nbsp;
              public void main(){<br>
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   System.out.println("Test Word Color!");<br>
              &nbsp;&nbsp;&nbsp;&nbsp;
              }
              <div style="width:50px;height:50px;background:[temp_fontBg_color];"></div>
         </div>
    </div>
    </div>
    <div id="tempBody">
    
    </div>
  
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
  var colors = ['1', '2','3' ,'4', '5','6' ,'7', '8','9' ,'0', 'A','B' ,'C', 'D','E' ,'F'] ;
  var hei = 713;
  window.setInterval(function(){
       var bg_color = '#';
       var ft_color = '#';
         for(i =0; i<6 ;i++ ){
              bg_color += colors[Math.ceil(Math.random()*15)];
              ft_color += colors[Math.ceil(Math.random()*15)];
         }
      
         /*
       $('#tempColor').css({
            background: color
       });
         */
      
         var tempContent = $('#tempDiv').html();
         tempContent = tempContent.replace('[temp_bg_color]', '#008000');
         tempContent = tempContent.replace('[temp_font_color]', ft_color);
         tempContent = tempContent.replace('[temp_fontBg_color]', ft_color);
      
         $('#tempBody').append(tempContent);
      
         hei += 20;
      
         //$(window).scrollTop(hei);
  } , 1500);
  </script>


</body>